<%-- 
    Document   : AS
    Created on : 13-feb-2014, 23:42:34
    Author     : Daniel
--%>

<%@page import="Clases.Usuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!doctype html>
<html>
<%      
    HttpSession miSesion = request.getSession();
    Usuario esteUsuario = (Usuario) miSesion.getAttribute("elUsuario");
%>


<head>
 <title>Inicio At. Socio</title>
	<link rel=StyleSheet href="styles.css" type="text/css" media="screen"/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <link rel=StyleSheet href="Lightbox.css" type="text/css" media="screen"/> 
        <link rel='stylesheet' href='calendar.css' title='calendar'>
        <script language="javascript" src="calendar.js"></script>     

<script>
            function showLightbox(dia) {
                document.getElementById('over').style.display = 'block';
                document.getElementById('fade').style.display = 'block';
                document.getElementById('fecha').value = dia;
                document.getElementById('Confirmar').style.display = 'none'; 
                document.getElementById('EliminarEv').style.display = 'none';                 
            }

//cierra y limpia el Lightbox
            function hideLightbox() {
                document.getElementById('over').style.display = 'none';
                document.getElementById('fade').style.display = 'none';
                document.getElementById('fechain').value = "";
                document.getElementById('fechaFin').value = "";
                document.getElementById('salon').value = 0
                document.getElementById('Estado').value = 0                
            }
            
            function showLightbox1() {
                document.getElementById('over1').style.display = 'block';
                document.getElementById('fade1').style.display = 'block';
                
            }  
            
            function hideLightbox1() {
                document.getElementById('over1').style.display = 'none';
                document.getElementById('fade1').style.display = 'none';
                document.getElementById('doc').value = "";                
            }
            
            function showLightbox2() {
                document.getElementById('over2').style.display = 'block';
                document.getElementById('fade2').style.display = 'block';               
            }  
            
            function hideLightbox2() {
                document.getElementById('over2').style.display = 'none';
                document.getElementById('fade2').style.display = 'none';
                Habilitar();                
                document.getElementById('fecha').value = "";
                document.getElementById('docum').value = "";
                document.getElementById('soc').value = "";
                document.getElementById('Email').value = "";                
                document.getElementById('Nombre').value = "";
                document.getElementById('TelPar').value = "";
                document.getElementById('TelCel').value = "";
                document.getElementById('fechaRes').value = "";                
                document.getElementById('fechaPago').value = ""; 
                document.getElementById('s').value = "";                 
                document.getElementById("es").value = "";
            }            
</script>

<!-- Actualiza las Reservas en función de la selección del evento --> 
<script>
function Seleccionar(){
 var lista = document.getElementById("TEvento");
 var i = lista.selectedIndex;
     
      javascript:Habilitar();
      var sal = NormSalon (ev.eventos[i].salon); 
      document.getElementById("fecha").value = ev.eventos[i].Date;
      document.getElementById("s").value = sal;
      document.getElementById("docum").value = ev.eventos[i].Doc; 
      document.getElementById("Nombre").value = ev.eventos[i].Nombre;
      document.getElementById("TelPar").value = ev.eventos[i].TelPar;
      document.getElementById("TelCel").value = ev.eventos[i].TelCel;
      document.getElementById("Email").value = ev.eventos[i].Email;
      document.getElementById("fechaPago").value = ev.eventos[i].FechaPago;                               
      document.getElementById("fechaRes").value = ev.eventos[i].FechaRes;
      document.getElementById("idalq").value = ev.eventos[i].idAlq;                                    
      document.getElementById("es").value = ev.eventos[i].CssClass;
      document.getElementById("soc").value = ev.eventos[i].Socio;
      javascript:Bloquear();                                                                            
  }
</script>

<script>
function Bloquear(){
                document.getElementById('fecha').disabled = true;
                document.getElementById('docum').disabled = true;
                document.getElementById('soc').disabled = true;
                document.getElementById('Email').disabled = true;               
                document.getElementById('Nombre').disabled = true;
                document.getElementById('TelPar').disabled = true;
                document.getElementById('TelCel').disabled = true;
                document.getElementById('fechaRes').disabled = true;               
                document.getElementById('fechaPago').disabled = true; 
                document.getElementById('s').disabled = true;            
                document.getElementById("es").disabled = true; 
}
</script>

<script>
function Habilitar(){
                document.getElementById('fecha').disabled = false;
                document.getElementById('docum').disabled = false;
                document.getElementById('soc').disabled = false;
                document.getElementById('Email').disabled = false;               
                document.getElementById('Nombre').disabled = false;
                document.getElementById('TelPar').disabled = false;
                document.getElementById('TelCel').disabled = false;
                document.getElementById('fechaRes').disabled = false;               
                document.getElementById('fechaPago').disabled = false; 
                document.getElementById('s').disabled = false;            
                document.getElementById("es").disabled = false; 
}
</script>
<!-- Actualizar datos de Persona en ingreso de Alquileres -->        
<script>
            function Buscar() {
                docu = document.getElementById("doc").value;
                document.getElementById("TEvento").innerHTML = "" 
                    javascript:hideLightbox1();
                    javascript:showLightbox2();                      
                $.ajax
                        ({
                            url: "ServletEvPers?doc=" + docu,
                            async: false,
                            cache: false,                            
                            dataType: 'json',
                            contentType: 'application/json',                            
                            success: function(Eventos)
                            { 
                                ev = Eventos;
                                lista = document.getElementById("TEvento");
                                for (i=0; i<ev.eventos.length; i++){
                                  lista.options.add(new Option(ev.eventos[i].Title));                                    
                                }
                                var sal = NormSalon (ev.eventos[0].salon);
                                document.getElementById("fecha").value = ev.eventos[0].Date;
                                document.getElementById("s").value = sal;
                                document.getElementById("docum").value = ev.eventos[0].Doc; 
                                document.getElementById("Nombre").value = ev.eventos[0].Nombre;
                                document.getElementById("TelPar").value = ev.eventos[0].TelPar;
                                document.getElementById("TelCel").value = ev.eventos[0].TelCel;
                                document.getElementById("Email").value = ev.eventos[0].Email;
                                document.getElementById("fechaPago").value = ev.eventos[0].FechaPago;                               
                                document.getElementById("fechaRes").value = ev.eventos[0].FechaRes;
                                document.getElementById("idalq").value = ev.eventos[0].idAlq;                                    
                                document.getElementById("es").value = ev.eventos[0].CssClass;
                                document.getElementById("soc").value = ev.eventos[0].Socio;                                  
                            }                           
                        });
      javascript:Bloquear();                   
            }
</script>

<script>
    function NormSalon (s){
       
        var sa = "";
        
        if (s==1) {
            sa = "Florida 2 Piso";
        }

        if (s==2) {
            sa = "Forida 6 Piso";
        }      
        
        if (s==3) {
            sa = "Costanera Olivos";
        }  
        
        if (s==4) {
            sa = "Social Olivos";
        }  
  
        if (s==5) {
            sa = "Chalet Olivos";
        }         
        
        if (s==6) {
            sa = "Restaurant Olivos";
        }         

        if (s==7) {
            sa = "Comedor Tigre";
        }        
        return sa; 
    }
</script>

<style>
//***** Estilo del inputbox fecha del lightbox *****
input
{
	font-family: verdana;
	font-size: 11px;
	border: #B1B1B1 1px solid;
	background-color: #EEEEEE;
}

.txtSmall
{
	font-family: verdana;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

</style>

<script language="javascript">
//***** Funcion para formatear el inputbox fecha del lightbox *****
function fnSetDateFormat(oDateFormat)
{
	oDateFormat['FullYear'];		//Example = 2007
	oDateFormat['Year'];			//Example = 07
	oDateFormat['FullMonthName'];	//Example = January
	oDateFormat['MonthName'];		//Example = Jan
	oDateFormat['Month'];			//Example = 01
	oDateFormat['Date'];			//Example = 01
	oDateFormat['FullDay'];			//Example = Sunday
	oDateFormat['Day'];				//Example = Sun
	oDateFormat['Hours'];			//Example = 01
	oDateFormat['Minutes'];			//Example = 01
	oDateFormat['Seconds'];			//Example = 01

	var sDateString;

	sDateString = oDateFormat['FullYear'] +"-"+ oDateFormat['Month'] +"-"+ oDateFormat['Date'];

        return sDateString;
}

</script>

<!-- Confirma el salon para la fecha seleccionada -->
<script>
    function Mantenimiento(){                                
            var sal = document.getElementById('salon').value;
            var fin = document.getElementById('fechaIn').value;
            var ffin = document.getElementById('fechaFin').value;
            var est = document.getElementById('Estado').value;            
            $.ajax
               ({
                type: 'GET',
                url : "ServletEvEspeciales?salon=" + sal + "&fechaIn=" + fin +"&fechaFin=" + ffin + "&estado=" + est,
                async: false,
                cache: false,                           
                dataType: 'Text',                 
                success: function(content){
                  var st =  content.toString();
                if (st==1){
                  alert("La operación se Confirmó correctamente.");
                }else if (st==2){
                  alert("La operación no pudo realizar.");
                }
                },
                error: function() {
                  alert('fail');
                } 
            });
     
    }
</script>

<!-- Confirma el salon para la fecha seleccionada -->
<script>
    function Confirmar(){                                
            var id = document.getElementById('idalq').value;
            $.ajax
               ({
                type: 'GET',
                url : "ServletConfirmarReserva?id=" + id,
                async: false,
                cache: false,                           
                dataType: 'Text',                 
                success: function(content){
                  var st =  content.toString();
                if (st==1){
                  alert("La operación se Confirmó correctamente.");
                }else if (st==2){
                  alert("La operación no pudo realizar.");
                }
                },
                error: function() {
                  alert('fail');
                } 
            });
           Buscar();  
    }
</script>

<!-- Confirma el salon para la fecha seleccionada -->
<script>
    function EliminarEv(){         
            var id = document.getElementById('idalq').value;
            $.ajax
               ({
                type: 'GET',
                url : "ServletEliminarEv?id="+id,
                async: false,
                cache: false,                           
                dataType: 'Text',                 
                success: function(content){
                var st =  content.toString();
                if (st==1){
                    alert("La Reserva se eliminó correctamente.");
                }else {
                    alert("La Operación no se pudo realizar");
                }
                },
                error: function() {
                  alert('fail');
                } 
            });
           Buscar();
    }
</script>

</head>
<body>
   <div id="container">
   <div id="container1">
     <div style="width: 150px; display: inline-block">
        <img src="Imagenes\escudo.JPG" Style="text-decoration:underline; width: 115px; height: 80px; border: 0px; padding: 0px; margin-left: 7px" alt="" />                  
     </div>
     <div style="width: 970px; height: 100%; display: inline-block; overflow: hidden">
       <h3>Sistema de Gestion Centro Naval</h3>
       <h4>Atención al Socio</h4>
     </div>
   </div>            

<div id="container2" style="display: inline-block">
 <div  id="wrapper" class="body1">
	<ul class="menu">
		<li ><a href="#">Gestión de Socios</a>
			<ul>
				<li ><a href="AltaSocio.jsp">Alta Socios</a></li>
                                <li ><a href="IngresarSocio.jsp" target = "_blank" onclick = "window.open(this.href,this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no, width=450px, height=300px, left=375px, top=250px'); return false; ">Consulta Socios</a></li>
				<li ><a href="#">Baja Socios</a></li>
			</ul>
		</li>
		<li ><a href="#">Alquiler Salones</a>
			<ul>
                                <li ><a href="ServletCambioMes?salon=1" target = "_self" onclick = "window.open(this.href,this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false; ">Salón Florida 2 Piso</a></li>
                                <li ><a href="AlquilerSalon.jsp" target = "_self" onclick = "window.open(this.href,this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false; ">Salón Florida 6 Piso</a></li>
                                <li ><a href="AlquilerSalon.jsp" target = "_self" onclick = "window.open(this.href,this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false; ">Salón Costanera Olivos</a></li>
                                <li ><a href="AlquilerSalon.jsp" target = "_self" onclick = "window.open(this.href,this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false; ">Salón Social Olivos</a></li>    
                                <li ><a href="AlquilerSalon.jsp" target = "_self" onclick = "window.open(this.href,this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false; ">Chalet Olivos</a></li>
                                <li ><a href="AlquilerSalon.jsp" target = "_self" onclick = "window.open(this.href,this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false; ">Restaurant Sede Olivos</a></li> 
                                <li ><a href="AlquilerSalon.jsp" target = "_self" onclick = "window.open(this.href,this.target, 'toolbar=no, status=no, menubar=no, scrollbars=no, resizable=no'); return false; ">Salón Comedor Tigre</a></li> 
                                <li ><a href="javascript:showLightbox();">Reservar para Mantenimiento</a></li> 
                                <li ><a href="javascript:showLightbox1();">Buscar Reserva</a></li>                                 
			</ul>
		</li>
		<li ><a href="#">Galleries </a>
			<ul>
				<li ><a href="#">Cute Kittens </a></li>
				<li ><a href="#">Strange â€œStuffâ€</a></li>
				<li class="subitem3"><a href="#">Automatic Fails </a></li>
			</ul>
		</li>
		<li class="item4"><a href="#">Podcasts</a>
			<ul>
				<li class="subitem1"><a href="#">Cute Kittens</a></li>
				<li class="subitem2"><a href="#">Strange â€œStuffâ€</a></li>
				<li class="subitem3"><a href="#">Automatic Fails</a></li>
			</ul>
		</li>
		<li class="item5"><a href="#">Robots</a>
			<ul>
				<li class="subitem1"><a href="#">Cute Kittens</a></li>
				<li class="subitem2"><a href="#">Strange â€œStuffâ€</a></li>
				<li class="subitem3"><a href="#">Automatic Fails</a></li>
			</ul>
		</li>
	</ul>
</div>
</div>

<div id="container3" style="display: inline-block">
    <h2 style="display: inline-block">Bienvenido/a Usuario: </h2><h3 style="display: inline-block"> <%= miSesion.getAttribute("usuario")%></h3>    
                    <div style="background-color:#616975; border-color:#000000; color: white; border-style:solid; border-width: 1px; padding:1.5em; -moz-border-radius: 15px;border-radius: 15px; height: 230px; top: 27%; idth: 30%;" id="over" class="overbox">
                        <div id="content"> 
                         <div style="display: inline-block; width: 100%;" class="txtSmall">  
                            <p style="display: inline-block; width: 47%; " class="txtSmall">
                                <label class="eti_fondo" id="fechai">Fecha Inicio: </label>            
                                <input name='fechaIn' id='fechaIn' class='inputBoxStyle' readonly>
                                <img src='Imagenes/cal.gif' align='absmiddle' onmouseover="fnInitCalendar(this, 'fechaIn', 'style=calendar.css,close=true')">
                            </p> 
                            <p style="display: inline-block; width: 47%; " class="txtSmall">
                                <label class="eti_fondo" id="fechac">Fecha Final: </label>            
                                <input name='fechaFin' id='fechaFin' class='inputBoxStyle' readonly>
                                <img src='Imagenes/cal.gif' align='absmiddle' onmouseover="fnInitCalendar(this, 'fechaFin', 'style=calendar.css,close=true')">
                            </p>                             
                         </div>
                         <div style="display: inline-block; width: 100%;">                             
                            <p style="display: inline-block; width: 47%;">
                                <label class="eti_fondo" id="sal">Salón: </label>            
                                <select name="salon" id="salon" >             
                                    <option value="0">Seleccione el Salón</option>
                                    <option value="1">Salón Florida 2 Piso</option>
                                    <option value="2">Salón Florida 6 Piso</option>                                    
                                    <option value="3">Salón Costanera Olivos</option> 
                                    <option value="4">Salón Social Olivos</option> 
                                    <option value="5">Chalet Olivos</option>  
                                    <option value="6">Restaurant Sede Olivos</option>
                                    <option value="7">Salón Comedor Tigre</option> 
                                </select>            
                            </p>  
                            <p style="display: inline-block; width: 47%;">
                                <label class="eti_fondo" id="Tipoev">Tipo Selección: </label>            
                                <select name="Estado" id="Estado" >             
                                    <option value="0">Seleccione el Salón</option>
                                    <option value="1">Mantenimiento</option>
                                    <option value="2">Reservado C. D.</option>                                    
                                </select>            
                            </p>                            
                            </div>                                
                            <input type="button" onclick="javascript:hideLightbox();" name="Cerrar" id="Cerrar" value="Cerrar">                            
                            <input type="button" onclick="javascript:Mantenimiento();" name="Grabar" id="Grabar" value="Grabar">
                        </div>
                    </div> 
                <div id="fade" class="fadebox">&nbsp;</div> 
                    <div style="background-color:#616975; border-color:#000000; color: white; border-style:solid; border-width: 1px; padding:1.5em; -moz-border-radius: 15px;border-radius: 15px; height: 150px; top: 32%; width: 30%; left: 35%;" id="over1" class="overbox"> 
                        <div id="content1" >
                                <label class="eti_fondo" for="Docu">Ingrese Documento: </label>            
                                <input name="doc" type="text" id="doc" size="15">                          
                        </div>
                            <input type="button" onclick="javascript:hideLightbox1();" name="Cerrar" id="Cerrar" value="Cerrar">                            
                            <input type="button" onclick="javascript:Buscar();" name="Buscar" id="Buscar" value="Buscar">                       
                    </div>
                <div id="fade1" class="fadebox">&nbsp;</div>  
                
                    <div style="background-color:#616975; border-color:#000000; color: white; border-style:solid; border-width: 1px; padding:1.5em; -moz-border-radius: 15px;border-radius: 15px; height: 430px;" id="over2" class="overbox">
                        <div id="content"> 
                            <p>        
                                <label class="eti_fondo" id="TEv">Tipo Evento: </label>            
                                <select name="TEvento" id="TEvento" onchange="Seleccionar();">             
              
                                </select>          
                            </p>                             
                            
                         <div style="display: inline-block; width: 100%;">  
                            <p style="display: inline-block; width: 47%; ">
                                <label class="eti_fondo" id="fe">Fecha Evento: </label>            
                                <input name="fecha" type="text" id="fecha" size="10"/>
                            </p> 
      
                            <p style="display: inline-block; width: 47%;">
                                <label class="eti_fondo" id="salon">Salón: </label>            
                                <input name="s" type="text" id="s" size="30" />            
                            </p>  
                         </div>
                         <div id="1" style="display: inline-block; width: 100%;">                             
                            <p style="display: inline-block; width: 47%;">
                                <label class="eti_fondo" id="docu">Documento: </label>            
                                <input name="docum" type="text" id="docum" size="15"/>
                            </p> 
                            <p style="display: inline-block; width: 47%;">      
                                <label class="eti_fondo" id="TPer">Socio: </label>            
                                <input name="soc" type="text" id="soc" size="15">             
                            </p>  
                         </div> 
                            <div id="appender">  
                                <p >
                                    <label class="eti_fondo" id="Nom">Nombre: </label>            
                                    <input name="Nombre" type="text" id="Nombre" size="40" />
                                </p>
                          
                          <div id="2" style="display: inline-block; width: 100%;">                               
                                <p style="display: inline-block; width: 47%; ">
                                    <label class="eti_fondo" id="TPar">Tel Part: </label>            
                                    <input name="TelPar" type="text" id="TelPar" size="25" />
                                </p>        
                                <p style="display: inline-block; width: 47%; ">
                                    <label class="eti_fondo" id="TCel">Tel Celular: </label>            
                                    <input name="TelCel" type="text" id="TelCel" size="25" />
                                </p>                         
                         </div>       
                                <p>
                                    <label class="eti_fondo" id="mail">E-mail: </label>            
                                    <input name="Email" type="text" id="Email" size="40" />
                                </p> 
                          <div style="display: inline-block; width: 100%;">                                  
                            <p style="display: inline-block; width: 47%; ">
                                <label class="eti_fondo" id="fere">Fecha Reserva: </label>            
                                <input name="fechaRes" type="text" id="fechaRes" size="15"/>
                            </p> 
                            <p style="display: inline-block; width: 47%; ">
                                <label class="eti_fondo" id="fepag">Fecha Pago: </label>            
                                <input name="fechaPago" type="text" id="fechaPago" size="15"/>
                            </p>
                            </div>
                            <p >
                                <label class="eti_fondo" id="est">Condición: </label>            
                                <input name="es" type="text" id="es" size="15"/>
                            </p>                                
                            <p>
                                <input style="visibility: hidden; display: none;" name="id" type="text" id="id" size="40" />
                                <input style="visibility: hidden; display: none;" name="idalq" type="text" id="idalq" size="40" />                
                            </p>                              
                            </div>
 
                            <input type="button" onclick="javascript:hideLightbox2();" name="Cerrar" id="Cerrar" value="Cerrar">                            
                            <input type="button" onclick="javascript:Confirmar();" name="Confirmar" id="Confirmar" value="Confirmar">
                            <input type="button" onclick="javascript:EliminarEv();" name="EliminarEv" id="EliminarEv" value="Eliminar Evento">
                        </div>
                    </div> 
                <div id="fade2" class="fadebox">&nbsp;</div>  
                
</div> 

 <% if (request.getParameter("status")!=null) {
       int status= Integer.valueOf(request.getParameter("status"));
        if (status==2) 		 
           {%>
    <script> alert("Ya hay un socio registrado con ese Documento.");</script>
 <%
}
else if (status==3)
       {%>
    <script> alert("Ha ocurrido un error al cargar el Socio Nuevo.");</script>       
<%
}
else if (status==1)      
{
%>
            <script>alert("La sesión se cerró correctamente.");</script> 
<%
}
else       
{
%>
            <script>alert("La consulta se envió correctamente.");</script>             
           <% }
                      }
                   %>  
                   
<script type="text/javascript">
	$(function() {
	
	    var menu_ul = $('.menu > li > ul'),
	           menu_a  = $('.menu > li > a');
	    
	    menu_ul.hide();
	
	    menu_a.click(function(e) {
	        e.preventDefault();
	        if(!$(this).hasClass('active')) {
	            menu_a.removeClass('active');
	            menu_ul.filter(':visible').slideUp('normal');
	            $(this).addClass('active').next().stop(true,true).slideDown('normal');
	        } else {
	            $(this).removeClass('active');
	            $(this).next().stop(true,true).slideUp('normal');
	        }
	    });
	
	});
</script>
</body>
</html>

